<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" type="text/css" href="style/box.css">
	<script type="text/javascript" src="js/skinsBox.config.js"></script>
	<script type="text/javascript" src="js/skinsBox.js"></script>
</head>
<body oncontextmenu="return false">
	<div id="box" class="box">
        <div class="header">
            <span class="title">百度输入法 - 皮肤盒子</span>
            <div id="minBox" event-type="minimizeApp" class="min header_bg pointer"></div>
            <div id="closeBox" event-type="closeApp" class="close header_bg pointer"></div>
        </div>
		<div class="banner">
			<ul id="tabItem" class="tab-item">
				<li moudle="recom">
					<span class="item recom" event-type="cancelDel">推荐皮肤</span>
				</li>
				<li moudle="user" class="active">
					<span class="item user" event-type="manageSkin">我的皮肤</span>
				</li>				
			</ul>
			<div class="search">
				<input type="text" id="searchInput" loadword='1' class="search-input" placeholder="查找更多皮肤" />
				<div id="searchButton" event-type="search" class="btn-search"></div>
				<ul id="hotKeywords" hover="0" class="search-hot">					
				</ul>
			</div>
		</div>
		<div id="recomBox" class="content">			
			<!-- 推荐皮肤 -->
			<div id="recomSkins" class="skins">
				<div id="loadBox" class="load-box">
					<div class="load-icon">						
					</div>
					<p>正在获取皮肤,请稍后...</p>
				</div>

				<div id="recomMoudle">
					<div id="testData" >						
					</div>
					<!-- 热门皮肤 -->
					<div class="skins-list">
						<div class="skins-title">热门皮肤</div>
						<ul id="hotSkinsList" ></ul>
						<div class="clear" ></div>
						<div class="list-btm"></div>
					</div>
					<!-- 最新皮肤 -->
					<div class="skins-list">
						<div class="skins-title">最新皮肤</div>
						<ul id="newSkinsList"></ul>
						<div class="clear" ></div>
					</div>	
				</div>							
			</div>
		</div>
		<div id="userBox" class="content">			
			<div id="succeedAddToLike" class="addtolike-point">
			</div>

			<!-- 我的皮肤 -->
			<div id="userSkins" class="skins">
				<div id="userMoudle">
					<!-- 喜欢的皮肤 -->
					<div id="likedSkins" class="skins-list">
						<div class="skins-title">
							收藏的皮肤
							<div class="btn-del" >
                                <div id="skin-manage-op">
                                    <a event-type="allSelect" id='btn-select-all' href="#"><span event-type="allSelect" id="btn-select-all-bg"></span>全选</a><a event-type="deleteNow" id='btn-delete' href="#"><span event-type="deleteNow" id="btn-delete-bg"></span>删除</a><a event-type="cancelDel" id='btn-quit' class='btn' href="#">退出管理</a>
                                </div>
                                <div id="deleteSkins">
                                    <a id="btn-manage" title="test" del-state="0" event-type="deleteSkins" class='btn' href="#">批量管理</a>
                                </div>
                            </div>
						</div>
						<ul id="likeSkinsList"></ul>
						<div class="clear" ></div>
						<div class="list-btm"></div>
					</div>
					<!-- 皮肤库 -->
					<div id="skinsStore" class="skins-list">
						<div class="skins-title">
							已下载的皮肤
							<div id="changeRandom" class="btn-change" event-type="changeRandom" ></div>
						</div>
						<ul id="unlikeSkinsList"></ul>
                        <div id="UnLikeSkinsTips" class="tips-more" >
                            <p><span class="no-search">皮肤都添加到收藏夹了，</span><a id='go_download' href="javascript:void(0)">去下载</a>更多新皮肤吧！</p>
                        </div>
						<div class="clear" ></div>
					</div>
				</div>			
			</div>
		</div>		
		<div id="searchBox" class="content">
			<!-- 搜索皮肤 -->
			<div id="searchSkins" class="skins">
				<div id="searchMoudle">
					<div class="skins-list">
						<div class="skins-title">
                            <span event-type="goHistory" class="btn-back"></span><span class="search-result">搜索结果：<span id="skins-total"></span></span>
						</div>
						<ul id="searchSkinsList">
						</ul>
						<div class="clear" ></div>
					</div>
					<div id="hasMoreSearch" class="tips-more" >
						<a id="moreSearchList" event-type="moreSearchList" keyword="" href="javascript:void(0)">更多相关皮肤</a>
					</div>
                    <div id="gwMoreSearch">
                        <p><span class="no-search">未找到“<span id="missedKw"></span>”的相关皮肤，去</span><a id="moreSearchList" event-type="moreSearchList" keyword="" href="javascript:void(0)">官网查找>></a></p>
                    </div>
				</div>				
			</div>
		</div>
		<div class="bottom">
			<div id="moreSkins" class="more"><a event-type="moreSkins" href="#">查看更多精彩皮肤</a></div>
			<div id="setting" event-type="goSetting" class="setting"></div>
		</div>
        <div id="delete_confirm_mask" class="mask">
        </div>
        <div id="delete_confirm">
            <p id="confirm_text">确认删除选择的皮肤？</p>
            <p><a id='btn-delete-ok' href="#" class="btn-fill">确认</a><a id='btn-delete-cancel' href="#" class="btn">取消</a></p>
        </div>
	</div>

	<div id="largeImg" class="large-img">
		<img src="images/default.png" load-state="0" />
	</div>

	<script type="text/javascript"> 
        var loadMap = {}; //存储 cavasid 定时器的间隔时间 步长等参数
        //设置默认tab
        var tabList = g('tabItem').getElementsByTagName('li');
        setActiveTab('active', tabList[0], tabList);
        //设置显示字体
        getSysver();
        //各种点击
        addTargetEvent();
        //tab切换
        changeTab('active');

        //搜索框操作
        searchBoxFocus();

        /* 初始化皮肤数据 */
        initLocalSkinsList();
        initRcmdSkinsList();

        //搜索调用方式
        //showSearchResult('');
        g('go_download').onclick = function(){
            var tabList = g('tabItem').getElementsByTagName('li');
            setActiveTab('active', tabList[0], tabList);
        };
		
		var obj = g('minBox');
		
		g('minBox').onmouseover = function () {
			removeClass(obj,"nohover");
		};

	</script>
</body>
</html>